578. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09:38 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

578.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto 3.2.2/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype5.rtl.css2019-10-30 10:17:24 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype5.rtl.css2021-03-16 08:42:02 +0000

578.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged48
Changed4274
Inserted00
Removed00

578.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

578.4 Active regular expressions

No regular expressions were active.

578.5 Comparison detail

1 @media only screen and (max-width:767px){ 1 .page-header .panel.wrapper .header-right > * {margin-right: .875rem;}
2     .page-header.type5 .nav-toggle{float:left;margin-right:10px} 2 .page-header.type5 .main-panel-top .panel.header+.gap {height: 1.6em;margin: 0;margin-left: .875rem;opacity: 1;background: rgba(255,255,255,.09);}
3     .page-header.type5 .logo{height:40px;float:right;margin:10px 0} 3 .page-header.type5 .header.panel > .header.links > li > a {padding: 0 14px;}
4     .page-header.type5 .logo img{max-width:100%;max-height:100%;width:auto} 4 .page-header.type5 .header-main .header-right {padding: 22px 0;}
5     .page-header.type5 .minicart-wrapper{position:relative;top:auto;left:auto;right:auto;margin:10px 0;float:left} 5 .page-header.type5 .main-panel-top .share-links a {width: 30px;height: 30px;border-radius: 30px;margin: 0 1px;}
6     .page-header.type5 .search-toggle-icon{display:none} 6 .page-header .switcher .options .action.toggle::after, .page-footer .switcher .options .action.toggle::after {margin-top: 2px;}
7     .page-header.type5 .block-search .label{float:left;margin-left:0;margin-top:15px} 7 .header-main .header-left .logo {margin-right: 0;}
8 } 8 
.page-header.type5
 .separator 
{height:
 1.6em;border-right: 1px solid #eee;}
9 @media all and (min-width:768px),print{ 9 .page-header.type5 .header-main .header-right .separator {height: 2.4em;margin: 0 .375rem 0 1.375rem;}
10     header.page-header.sticky-header.type5 .nav-sections{background-color:#fff} 10 .page-header.type5 .search-area a.search-toggle-icon {width: 40px;height: 40px;line-height: 40px;font-size: 16px;color: inherit;}
11     header.page-header.sticky-header.type5 .navigation>ul{padding-left:70px;text-align:right} 11 
.page-header.type5
 .
search-area a.search-toggle-icon i::before {font-weight: 600;}
12     header.page-header.sticky-header.type5 .minicart-wrapper{margin-top:-25px} 12 .page-header.type5 .header-contact {display: inline-flex;align-items: center;line-height: 22px;font-size: .9em;}
13     header.page-header.header-newskin.sticky-header.type5 .minicart-wrapper{margin-top:-18px} 13 .page-header.type5 .header-contact .my-account {display: inline-block;padding: 0 .125rem;font-size: 24px;vertical-align: middle;}
14     .page-header.type5{border-top:0} 14 .page-header.type5 .header-contact p {margin: 0;}
15     .page-header.type5:not(.header-newskin) .panel.header .switcher{padding:0 15px;border-right:
1px solid #ccc}		 15 .page-header.type5 .search-area .minisearch .actions button {width: 46px;}
16     .page-header.type5 .header.content{display:block;vertical-align:middle;padding:28px 15px} 16 .page-header.type5 .search-category {left: 46px !important;}
17     .page-header.type5 .logo{float:right;display:block;margin:0 0 0 25px} 17 .minicart-wrapper .block-minicart { border: 1px solid #f0f0f0;}
18     .page-header.type5:not(.header-newskin) .search-area{position:relative;margin:0;display:block;float:left;top:0;right:0;height:50px;z-index:2} 18 @media (min-width:992px) {
19     .page-header.type5:not(.header-newskin) .search-area>a{color:#08c;line-height:50px;display:block;margin-left:10px;margin-right:20px;width:25px;text-align:center} 19   .logo img {max-width: 111px;}
20     .page-header.type5:not(.header-newskin) .search-area>a:hover{color:#08c} 20   .page-header .switcher .options .action.toggle, .page-footer .switcher .options .action.toggle {padding: 0;}
21     .page-header.type5:not(.header-newskin) .block-search{display:none;position:absolute;left:-20px;top:100%;margin-top:20px} 21   .page-header.type5
 .panel.header .switcher {margin-left: .875rem;}
22     .page-header.type5:not(.header-newskin) .block-search:before{content:"";display:block;position:absolute;top:-20px;left:20px;border:10px solid transparent;border-bottom-color:#ccc} 22   .header-main .header-left > *,.header-main .header-right > *{margin-right: .875rem;}
23     .page-header.type5:not(.header-newskin) .block-search input{height:45px;border-radius:25px;border:5px solid #ccc} 23   .page-header.type5 .header-main .header-right {flex: 0 0 auto;}
24     .page-header.type5:not(.header-newskin) .block-search .action.search{left:5px;height:45px;border-right:1px solid #ccc;width:40px} 24   .page-header.type5 .nav-sections {flex-shrink: 1;width: auto;}
25     .page-header.type5:not(.header-newskin) .block-search
 .action.search
:before
{color:#08c}		 25   .page-header.type5 .navigation:not(.side-megamenu) {padding: 0;position: static;max-width: 100%;}
26     .page-header.type5:not(.header-newskin) .minicart-wrapper{position:relative;top:0;margin:0;float:left;height:50px;left:0;padding:5px 0} 26   .page-header.type5 .navigation:not(.side-megamenu) > ul {display: flex;align-items: center;flex-wrap: wrap;position: static;}
27     .page-header.type5:not(.header-newskin) .minicart-wrapper .action.showcart{display:block} 27   .page-header.type5 .navigation:not(.side-megamenu) .level0 {margin: 0 0 0 1px;}
28     .page-header.type5:not(.header-newskin) .minicart-wrapper .action.showcart:before,.page-header.type5 .minicart-wrapper .action.showcart.active:before{color:#08c;font-size:18px;overflow:visible;vertical-align:middle} 28   .page-header.type5 .navigation:not(.side-megamenu) .level0 .level-top {font-size: 12px;font-weight: 700;line-height: 20px;letter-spacing: -.3px;padding: 10px 20px 8px 10px;}
29     .page-header.type5:not(.header-newskin) .minicart-wrapper .action.showcart .counter.qty{position:static;vertical-align:middle;margin:0;padding:0;font-size:11px;font-weight:400;height:auto;line-height:40px;text-transform:uppercase;width:auto;min-width:0;color:#08c} 29   .page-header .sw-megamenu.navigation li.level0.staticwidth > .submenu .level1 > a,
30     .page-header.type5:not(.header-newskin) .minicart-wrapper .action.showcart .counter-label{display:inline-block;position:static;overflow:visible;width:auto;margin:0} 30   .page-header .sw-megamenu.navigation li.level0.fullwidth > .submenu .level1 > a {color: #333;}
31     .page-header.type5 .nav-sections{pointer-events:none} 31   .page-header.type5
 .minicart-wrapper {margin-right: 1rem;}
32     .page-header.type5 .navigation{padding:10px 0} 32   .page-header.type5
 .search-area {width: auto;}
33     .page-header.type5 .navigation>ul{text-align:left} 33   .minicart-wrapper .action.showcart .minicart-icon {font-size: 28px;}
34     .page-header.type5 .navigation>ul>li{pointer-events:all;text-align:right} 34   header.page-header.sticky-header .nav-sections {position: static !important;box-shadow: none;background: none !important;width: auto !important;margin-right: .875rem !important;}
35     .page-header.type5:not(.header-newskin) .navigation .level0>.level-top{color:#3d3734;line-height:30px;display:inline-block;transition-delay:0.3s} 35   .page-header.type5.sticky-header .header-main {position: fixed;z-index: 20;box-shadow: 0 1px 0 0 rgb(0 0 0 / 6%);width: 100%;top: 0;background: inherit;}
36     .page-header.type5:not(.header-newskin) .navigation .level0.active>.level-top,.page-header.type5 .navigation .level0.has-active>.level-top{color:#fff;background-color:#3d3734;border-radius:5px} 36   header.page-header.sticky-header .minicart-wrapper {position: static;right: 0;top: 0;transform: translateY(0);}
37     .page-header.type5:not(.header-newskin) .navigation .level0.parent>a:after{line-height:30px} 37   header.page-header.sticky-header .header-main .header-left,header.page-header.sticky-header .header-main .header-right {padding-top: 8px;padding-bottom: 8px;}
38     .page-header.type5:not(.header-newskin) .navigation .level0.parent:hover>.level-top{border-radius:5px 5px 0 0} 38   .page-header.type5.sticky-header .logo img {transform: scale(.8);transform-origin: left center;max-width: 100px;}
39     .page-header.type5:not(.header-newskin) .navigation .level0:hover>.level-top{color:#fff;background-color:#3d3734;border-radius:5px} 39   .page-header.type5.sticky-header .header-main .header-row {min-height: 60px;}
40 } 40   header.page-header.
sticky-header .navigation
 {padding: 0;}
41     
42 .page-header.type5.header-newskin {border:none;}    
43 @media (min-width: 768px) {    
44     .cms-index-index .page-header.type5.header-newskin {background-color: transparent;position: absolute;width: 100%;top:0;}    
45     .page-header.type5.header-newskin .panel.wrapper {    
46         border-bottom: #f2f2f3 solid 1px;    
47         font-weight: 400;    
48         font-size: 13px;    
49         letter-spacing: 0.01em;    
50     }    
51     .page-header.type5 .sw-megamenu.navigation li.level0.fl-right {    
52         float: none;    
53     }    
54     .page-header.type5.header-newskin .header.panel {padding-top: 12px;padding-bottom: 9px;}    
55     .page-header.type5.header-newskin .panel.header .switcher {
    
56         padding: 0 30px 0 0;    
57         text-transform: uppercase;    
58         margin-top: 1px;    
59         letter-spacing: 0.025em;    
60         font-size: 11px;    
61     }    
62     .page-header.type5.header-newskin .custom-block {float: left;margin-left: 20px;}    
63     .page-header.type5.header-newskin .custom-block span {color:inherit !important;line-height: 1 !important;}    
64     .page-header.type5
.header-newskin .top-links-area {
    
65         position: relative;    
66         display: inline-block;    
67         float: left;    
68     }        
69     .page-header.type5.header-newskin .top-links-icon {display: none;}    
70     
71     .page-header.type5.header-newskin .panel.header .top-links-area ul {    
72         display: inline-block;    
73         margin: 0;    
74         padding: 0;    
75     }    
76     .page-header.type5.header-newskin .panel.header .top-links-area ul li {    
77         display: inline-block;    
78         margin: 0;    
79         text-transform: uppercase;    
80     }    
81     .page-header.type5.header-newskin .panel.header .top-links-area ul li a {    
82         padding: 0 10px;    
83     }    
84     .page-header.type5.header-newskin .panel.header .top-links-area ul li > span {    
85         padding: 0 10px;    
86     }     
87     .page-header.type5.header-newskin .header.content {    
88         display: block;    
89         vertical-align: middle;    
90         padding: 18px 15px;    
91     }    
92     .page-header.type5.header-newskin .logo {    
93         float: right;    
94         display: block;    
95         margin: 0 0 0 25px;    
96     }    
97     .page-header.type5.header-newskin .minicart-wrapper {
    
98         margin: 0;    
99         float: left;    
100         padding: 10px 0;    
101     }    
102     .page-header.type5.header-newskin.sticky-header .minicart-wrapper {padding: 0;}    
103     .page-header.type5.header-newskin .minicart-wrapper .action.showcart:before, .page-header.type5.header-newskin .minicart-wrapper .action.showcart.active:before {font-size: 25px;}    
104     .page-header.type5.header-newskin .minicart-wrapper .action.showcart .counter.qty {background-color: #d33e75;font-family: 'Open Sans';top:16px;left:20px;width: 13px;height:13px;line-height: 13px;font-size: 9px;}    
105     .page-header.type5.header-newskin .minicart-wrapper .block-minicart {left: -12px;}    
106     .page-header.type5.header-newskin .search-area {
    
107         position: relative;    
108         margin: 0 35px;    
109         display: block;    
110         float: left;    
111         top: 0;    
112         right: 0;    
113         height: 50px;    
114         z-index: 2;    
115     }    
116     .page-header.type5.header-newskin .search-area>a {    
117         color: #3b404c;    
118         line-height: 52px;    
119         display: block;    
120         width: 25px;    
121         text-align: center;    
122         font-size: 22px;    
123     }    
124     .page-header.type5.header-newskin .search-area>a .porto-icon-search:before {content:'\e884';}    
125     .page-header.type5.header-newskin .block-search {    
126         display: none;    
127         position: absolute;    
128         left: -20px;    
129         top: 100%;    
130         margin-top: 0;    
131     }    
132     .page-header.type5.header-newskin .block-search input {    
133         height: 45px;    
134         border: 5px solid #ccc;    
135     }    
136     .page-header.type5.header-newskin .block-search .action.search {    
137         left: 5px;    
138         height: 45px;    
139         border-right: 1px solid #ccc;    
140         width: 40px;    
141     }    
142     .page-header.type5.header-newskin:not(.sticky-header) .nav-sections {    
143         pointer-events: none;    
144     }    
145     .page-header.type5.header-newskin:not(.sticky-header) .navigation {    
146         padding: 5px 0;    
147     }    
148     .page-header.type5.header-newskin .navigation>ul {    
149         text-align: left;    
150     }    
151     .page-header.type5.header-newskin .navigation > ul > li {    
152         pointer-events: all;    
153         text-align: right;    
154     }    
155     .page-header.type5.header-newskin .navigation .level0 > .level-top {    
156         font-size: 14px;    
157         font-weight: 400;    
158         letter-spacing: 0.01em;    
159     }    
160     
.page-header.type5.header-newskin.sticky-header .navigation>ul {text-align: right;}		    
161 }    
162 @media (max-width: 991px) {    
163     .page-header.type5.header-newskin .custom-block {    
164         display: none;    
165     }    
166     .page-header.type5.header-newskin .search-area {    
167         margin: 0 0 0 25px;    
168     }    
169 } 41 }
170 @media (max-width: 991px) and (min-width: 768px) { 42 @media (min-width: 992px) and (max-width: 1189px) {
171     .page-header.type5.header-newskin .navigation .level0 > .level-top {
 43   .page-header.type5
 .navigation .level0 
.level-top {padding: 10px 9px 8px 6px;}
172         padding-right: 10px;    
173         padding-left: 10px;    
174     }    
175 } 44 }
176 @media (max-width: 767px) { 45 @media (max-width:991px)
{
177     .page-header.type5
.header-newskin .custom-block {
 46   .page-header.type5 .header-main .header-left {flex: 1;}
178         display: none; 47   .page-header.type5 .header-main .header-right .separator {display: none;}
179     } 48   .page-header.type5
 .minicart-wrapper {margin-right: .475rem;}
180     .page-header.type5.header-newskin .minicart-wrapper {
 49   .page-header.type5
 .custom-block {display: none;}
181         position: relative;    
182         top: auto;    
183         left: auto;    
184         right: auto;    
185         margin: 8px 0 12px;    
186         float: left;    
187     }    
188     .page-header.type5.header-newskin .top-links-area {display: none;}    
189     .page-header.type5.header-newskin .search-toggle-icon {    
190         display: none;    
191     }    
192     .page-header.type5.header-newskin .block-search .label {    
193         float: left;    
194         margin-left: 15px;    
195         margin-top: 17px;    
196     }    
197     .page-header.type5.header-newskin .logo {    
198         height: 40px;    
199         float: right;    
200         margin: 10px 0;    
201     }    
202     .page-header.type5.header-newskin .logo img {    
203         max-width: 100%;    
204         max-height: 100%;    
205         width: auto;    
206     }    
207     .page-header.type5.header-newskin .nav-toggle {    
208         float: left;    
209     }    
210     .page-header.type5.header-newskin .block-search .label:before, .page-header.type5.header-newskin .nav-toggle:before {    
211         font-size: 18px;    
212     }    
213 } 50 }
214 .page-header.type5.header-newskin.sticky-header .minicart-wrapper .action.showcart.active:before { 51 @media only screen and (max-width:767px)
{
215     margin-top: -2px; 52   .page-header.type5 .main-panel-top .panel.header+.gap {display: none;}
216 }    
217 .page-header.type5 .search-category select {    
218     border: 0;    
219     border-right: 1px solid #ccc;    
220     border-right-color: rgba(204,204,204,0.5);    
221 }    
222 @media (max-width: 991px) and (min-width: 768px) {    
223     .page-header.type5
.header-newskin .panel.header .switcher {
    
224         padding-left: 10px;    
225     }    
226     .page-header.type5.header-newskin .panel.header .top-links-area ul li > span {    
227         padding-right: 0;    
228     }    
229 } 53 }

Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.